<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=no, minimal-ui">
	<meta http-equiv="x-dns-prefetch-control" content="on">
	<link rel="dns-prefetch" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com">
	<title>校园安全人防驾驶舱</title>
	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.css?v=2025071903">
	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-pc.css?v=2025071903">



	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/vue/vue.min.js?v=2025071903"></script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/jquery/jquery-3.7.1.min.js?v=2025071903">
	</script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-global-func.js?v=2025071903">
	</script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-pc.js?v=2025071903"></script>

	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/library-ant-design-vue.css?v=2025071903">
	<link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vant.min.css?v=2025071903">
	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-pass-big-screen.css?v=2025071903">
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts@5.4.3.js?v=2025071903"></script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts-gl@2.0.8.min.js?v=2025071903">
	</script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/china_json.js?v=2025071903"></script>

	<style>
		[v-cloak] {
			display: none !important;
		}

		.antdVue {
			position: relative;
			width: 100%;
			width: 100%;
			background: rgba(8, 18, 30, 1);
			background-size: 100% 100% !important;
			padding-top: 20px;
			min-height: 100px;
		}

		.zoom_bg_color {
			background: #fff;
		}

		#antdVue .renfang_mobile_adapter_558_random_flex_0 {
			min-height: 100px;
		}

		#antdVue .renfang_mobile_adapter_257_fd0_3_c1_c0_c1 {
			background: #0D2868;
			min-width: 62px;
			padding: 0 3px;
			height: 30px;
			box-shadow: inset 0px 0px 18px 1px #3EBCFF;
		}

		#antdVue .renfang_mobile_adapter_581_fd0_3_c1_c0_c0_c0 {
			width: 80%;
			height: 80%;
			border-radius: 0px 0px 0px 0px;
			object-fit: cover;
		}

		#antdVue .renfang_mobile_adapter_538_fd0_3_c1_c0_c0 {
			background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m_4037/4037009c9c856f034b1957265cf8884b1bab.png) no-repeat;
			width: 95px;
			height: 107px;
			margin: 0px 0px 8px 0px;
		}

		#antdVue .renfang_mobile_adapter_310_fd0_3_c1_c0 {
			width: 30%;
			margin: 0px 0px 18px 0px;
		}

		#antdVue .renfang_mobile_adapter_297_fd0_3_c1 {
			width: 90%;
		}

		#antdVue .renfang_mobile_adapter_541_random_fd0_2_c1 {
			height: 210px;
		}

		#antdVue .renfang_mobile_adapter_937_random_fd0_1_c1 {
			width: 90%;
			height: 210px;
		}

		#antdVue .renfang_mobile_adapter_200_fd0_0_c1_c0 {
			border-radius: 0px 0px 0px 0px;
			margin: 40px 0px 16px 0px;
		}

		#antdVue .renfang_mobile_adapter_946_fd0_0_c1 {
			background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m_4037/403794ea3263df15905c4b233082020b83d0.png) no-repeat;
			width: 180px;
			height: 180px;
			margin:25px 0;
		}

		#antdVue .renfang_mobile_adapter_394_fd0_0_c0_c1 {
			color: rgba(238, 238, 238, 1);
			margin: 0px 0px 0px 24px;
		}

		#antdVue .renfang_mobile_adapter_231_fd0_0_c0_c0 {
			width: 8px;
			height: 32px;
			border-radius: 0px 0px 0px 0px;
		}

		#antdVue .renfang_mobile_adapter_334_fd0_0_c0 {
			height: 50px;
		}

		#antdVue .renfang_mobile_adapter_226_fd0_0 {
			border: 0px solid #6B7574;
			background: #132034;
			margin: 0px auto 24px auto;
			width: 90%;
			padding: 0px 0px 16px 0px;
		}

		#antdVue .benben-iframe-box {
			left: 0;
			top: 0;
		}
	</style>
</head>
<body>
	<div id="antdVue" :style="themeColorInit(themeColorConfig)" style="width:100%; height:100%;">
		<div class="antdVue SPECIAL_EFFECT_FULL_SCREEN_WRAPPER" v-cloak>

			<input type="hidden" id="hidden_field_user_token" value="">
			<input type="hidden" id="hidden_field_member_id" value="">
			<input type="hidden" id="hidden_field_alias" value="">
			<input type="hidden" id="hidden_field_aid" value="">
			<input type="hidden" id="hidden_field_roles" value="">
			<input type="hidden" id="web_url_oss" value="https://ttk-saas.oss-cn-beijing.aliyuncs.com">

			<benben-screen-global-filter @chart_get_page="chart_get_page"></benben-screen-global-filter>




			<div class="flex benben-flex-layout  flex-wrap  renfang_mobile_adapter_558_random_flex_0 w-100">
				<div class="flex flex-direction align-center renfang_mobile_adapter_226_fd0_0 bdr-16">
					<div class="flex  flex-wrap align-center renfang_mobile_adapter_334_fd0_0_c0 w-100">
						<img class='renfang_mobile_adapter_231_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="renfang_mobile_adapter_394_fd0_0_c0_c1 t-18 t-w-5">今年巡检次数</span>

					</div>
					<div class="flex flex-direction align-center renfang_mobile_adapter_946_fd0_0_c1 bg-size-auto">
						<img class='renfang_mobile_adapter_200_fd0_0_c1_c0 w-20-px h-20-px'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037aa6f941b558ee5fc578ee8b1cc1c2a63.png'" />
						<div class="flex align-center justify-center  w-100 f-c-3 h-40-px">
							<span class="t-40 t-w-7">{{num}}</span>
							<span class="t-16">个</span>

						</div>
						<div class="flex flex-direction flex-wrap align-center justify-center  w-100">
							<span class="f-c-3 t-16">今年巡检次数</span>

						</div>

					</div>

				</div>
				<div class="flex flex-direction align-center renfang_mobile_adapter_226_fd0_0 bdr-16">
					<div class="flex  flex-wrap align-center renfang_mobile_adapter_334_fd0_0_c0 w-100">
						<img class='renfang_mobile_adapter_231_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="renfang_mobile_adapter_394_fd0_0_c0_c1 t-18 t-w-5">巡检统计</span>

					</div>

					<benben-line-area-accumul class='renfang_mobile_adapter_937_random_fd0_1_c1' data_source_type="4"
						chart_show_type="line-area-accumul" show_title="false" title_position="left" title_name="标题"
						:theme_color="theme_color_5380"
						:linear_gradient_color="[{'start':5,'color1':'rgba(251, 157, 35, 0)','color2':'rgba(17, 246, 242, 1)'},{'start':5,'color1':'rgba(251, 157, 35, 0)','color2':'rgba(69, 235, 0, 1)'}]"
						:global_charts_data_props="global_charts_data['chart_data_144']"
						:chart-option="chartOptions_random_4039">

					</benben-line-area-accumul>


				</div>
				<div class="flex flex-direction align-center renfang_mobile_adapter_226_fd0_0 bdr-16">
					<div class="flex  flex-wrap align-center renfang_mobile_adapter_334_fd0_0_c0 w-100">
						<img class='renfang_mobile_adapter_231_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="renfang_mobile_adapter_394_fd0_0_c0_c1 t-18 t-w-5">本周巡检次数</span>

					</div>

					<benben-bar-base class='renfang_mobile_adapter_541_random_fd0_2_c1 w-100' data_source_type="4"
						chart_show_type="bar-base" show_title="false" title_position="left" title_name="标题"
						:linear_gradient_color="[{'start':10,'color1':'rgba(255, 199, 46, 1)','color2':'rgba(255, 118, 0, 1)'}]"
						:theme_color="theme_color_4072" :global_charts_data_props="global_charts_data['chart_data_142']"
						:chart-option="chartOptions_random_4152">

					</benben-bar-base>


				</div>
				<div class="flex flex-direction align-center renfang_mobile_adapter_226_fd0_0 bdr-16">
					<div class="flex  flex-wrap align-center renfang_mobile_adapter_334_fd0_0_c0 w-100">
						<img class='renfang_mobile_adapter_231_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="renfang_mobile_adapter_394_fd0_0_c0_c1 t-18 t-w-5">安保人员风采</span>

					</div>
					<div
						class="flex flex-wrap align-center justify-around renfang_mobile_adapter_297_fd0_3_c1 mg-t-20 mg-r-0 mg-b-0 mg-l-0">
						<template v-for='(item,key0) in list'>
							<div class="flex flex-direction align-center renfang_mobile_adapter_310_fd0_3_c1_c0"
								:key='key0'>
								<div
									class="flex flex-direction align-center justify-center renfang_mobile_adapter_538_fd0_3_c1_c0_c0 bg-size-100">
									<img class='renfang_mobile_adapter_581_fd0_3_c1_c0_c0_c0' :src="item.head_img" />

								</div>
								<div
									class="flex flex-direction flex-wrap align-center justify-center renfang_mobile_adapter_257_fd0_3_c1_c0_c1 bdr-8">
									<span class="f-c-3 t-12">{{item.memberuser_nickname}}</span>

								</div>

							</div>
						</template>


					</div>

				</div>

			</div>



		</div>
	</div>
</body>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.min.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.zh-cn.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vant.min.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.min.js?v=2025071903">
</script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vue-dash-event@1.0.1.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-generate-big-screen-new.js?v=2025071903">
</script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/ajax/axios.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/u-charts.js?v=2025071903"></script>
<script>
	let chart_ids = "";
	let chart_data_ids = "142,144";
	let global_charts_data = {
		"chart_data_142": null,
		"chart_data_144": null
	};
	const themeColorConfig = {
		"presetApi": {
			"getClassifyOne": "",
			"getClassifyTow": "",
			"getClassifyShop": ""
		},
		"themeType": 0,
		"themeConfig": [{
			"colorConfig": ["#333333", "#666666", "#999999", "#ffffff", "#0052c7", "#F02325", "#FC9C3A",
				"#4DC777", "#F2CC98", "#F2CC66"
			],
			"bgColorConfig": ["#EBEDF8", "#FFFFFF", "#0052c7", "#FC9C3A", "#FC9fff", "#E6F333", "#E6F1FE",
				"linear-gradient(301deg, #EBBA7B 0%, #F8D9AD 100%)",
				"linear-gradient(180deg, #F5588E 0%, #F0403C 100%)",
				"linear-gradient(179deg, #FFD033 0%, #F4890E 100%)"
			],
			"bdColorConfig": ["#EBEDF8", "#FFFFFF", "#0052c7", "#FC9C3A", "#333333", "#666666", "#999999",
				"#dddddd", "#1178F0", "#F02325"
			]
		}]
	};
	const {
		LocaleProvider,
		locales,
		message,
		Modal
	} = window.antd;
	Vue.prototype.$message = message
	Vue.use(window['vue-dash-event'])
	var user_token = $('#hidden_field_user_token').val();
	var public_headers = {
		'user-token': user_token
	}

	var member_id = $('#hidden_field_member_id').val();
	var hidden_field_alias = $('#hidden_field_alias').val();
	var hidden_field_aid = $('#hidden_field_aid').val();
	var hidden_field_roles = $('#hidden_field_roles').val();
	var web_url_oss = $('#web_url_oss').val();
	public_headers['user-token'] = getUrlKey('token')
	console.log(getUrlKey('token'))
	console.log(123)
	var member_id = $('#hidden_field_member_id').val();
	member_id = '4037'
	baseURL = 'https://yufabu.saizhuge.net'


	const AD_MANGER = new Vue({
		el: '#antdVue',
		mixins: [bigScreenMixins],
		data() {
			receive(this);
			return {
				chart_ids,
				chart_data_ids,
				global_charts_data,
				themeColorConfig,
				locale: locales[lang_to_antd[current_lang]],
				"theme_color_4072": ["rgba(255, 199, 46, 1)", "#F8A200", "#B0D630", "#6EC890", "#2d3c98",
					"#6AE7E6", "#0F36A2", "#FC658A"
				],
				"chartOptions_random_4152": {
					"tooltip": {
						"show": true,
						"autoToolTip": true,
						"trigger": "axis",
						"axisPointer": {
							"type": "shadow"
						},
						"textStyle": {
							"color": "rgba(255, 255, 255, 1)",
							"fontSize": 14
						},
						"backgroundColor": "rgba(0, 0, 0, 0.7)",
						"borderColor": "rgba(0, 0, 0, 0.7)"
					},
					"legend": {
						"type": "scroll",
						"textStyle": {
							"color": "#fff"
						},
						"show": false,
						"orient": "horizontal",
						"left": "center",
						"top": ""
					},
					"grid": {
						"left": "2%",
						"right": "2%",
						"bottom": "0%",
						"top": "15%",
						"containLabel": true
					},
					"xAxis": {
						"type": "category",
						"axisTick": {
							"show": true
						},
						"axisLine": {
							"show": false,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						},
						"axisLabel": {
							"show": true,
							"color": "#fff",
							"fontSize": 12,
							"fontWeight": 400,
							"rotate": 0
						},
						"splitLine": {
							"show": false,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						}
					},
					"yAxis": {
						"type": "value",
						"axisTick": {
							"show": false
						},
						"axisLine": {
							"show": false,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						},
						"axisLabel": {
							"show": true,
							"color": "#fff",
							"fontSize": 12,
							"fontWeight": 400
						},
						"splitLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						}
					},
					"barSetting": {
						"barWidth": 12,
						"markPoint": {
							"label": {
								"normal": {
									"textStyle": {
										"color": "#fff",
										"fontSize": 14,
										"fontWeight": 400
									}
								}
							},
							"itemStyle": [],
							"data": [],
							"symbol": "pin",
							"symbolSize": 50
						},
						"label": {
							"normal": {
								"show": true,
								"position": "top",
								"fontSize": 16,
								"color": "rgba(255, 199, 46, 1)"
							}
						},
						"itemStyle": {
							"borderRadius": [4, 4, 2, 2]
						},
						"markLine": {
							"label": {
								"color": "#fff"
							},
							"symbol": "none",
							"lineStyle": {
								"type": "dashed"
							},
							"data": []
						}
					}
				},
				"theme_color_5380": ["rgba(17, 246, 242, 1)", "rgba(69, 235, 0, 1)", "#B0D630", "#6EC890",
					"#2d3c98", "#6AE7E6", "#0F36A2", "#FC658A"
				],
				"chartOptions_random_4039": {
					"tooltip": {
						"show": true,
						"trigger": "axis",
						"axisPointer": {
							"type": "shadow"
						},
						"textStyle": {
							"color": "rgba(255, 255, 255, 1)",
							"fontSize": 14
						},
						"backgroundColor": "rgba(0, 0, 0, 0.7)",
						"borderColor": "rgba(0, 0, 0, 0.7)",
						"autoToolTip": true
					},
					"legend": {
						"type": "scroll",
						"textStyle": {
							"color": "#fff"
						},
						"show": true,
						"orient": "horizontal",
						"left": "center",
						"top": ""
					},
					"grid": {
						"left": "1%",
						"right": "2%",
						"bottom": "0%",
						"top": "15%",
						"containLabel": true
					},
					"yAxis": {
						"type": "value",
						"axisTick": {
							"show": false
						},
						"axisLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						},
						"axisLabel": {
							"show": true,
							"color": "#fff",
							"fontSize": 12,
							"fontWeight": 400
						},
						"splitLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						}
					},
					"xAxis": {
						"type": "category",
						"boundaryGap": false,
						"axisTick": {
							"show": true
						},
						"axisLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						},
						"axisLabel": {
							"show": true,
							"color": "#fff",
							"fontSize": 12,
							"fontWeight": 400,
							"rotate": 0
						},
						"splitLine": {
							"show": false,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						}
					},
					"seriesSetting": {
						"areaStyle": {
							"show": true
						},
						"markPoint": {
							"label": {
								"normal": {
									"textStyle": {
										"color": "#fff",
										"fontSize": 14,
										"fontWeight": 400
									}
								}
							},
							"itemStyle": [],
							"data": [],
							"symbol": "pin",
							"symbolSize": 50
						},
						"markLine": {
							"data": [],
							"lineStyle": {
								"type": "dashed"
							},
							"label": {
								"color": "#fff"
							},
							"symbol": "none"
						},
						"label": {
							"normal": {
								"show": false,
								"position": "top",
								"fontSize": 14,
								"color": "inherit"
							}
						},
						"smooth": true
					}
				},
				"current_index": "0",
				"iframe_list": [],
				"total": 1,
				"isFullScreen": false,
				"big_screen_global_query": {
					"screen_global_time_range_type": "5",
					"screen_global_time_custom_time": "",
					"screen_global_dept": "",
					"screen_global_user": "",
					"diy_api_time": ""
				},
				"saizhuge_api_loaded": false,
				"sbgl": [{
					"name": "",
					"nuber": ""
				}, {
					"name": "",
					"nuber": ""
				}, {
					"name": "",
					"nuber": ""
				}],
				"list": [],
				"num": "",
				"viewSource": "PC",
				"big_screen_global_config": {
					"is_screen_global_time": false,
					"is_screen_global_dept": false,
					"is_screen_global_user": false
				},
				"big_screen_color": ["#F27B60", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2",
					"#FC658A"
				]
			};
		},
		components: {},
		computed: {

		},
		created() {
			if (getUrlKey('viewSource')) {
				this.viewSource = getUrlKey('viewSource');
			}
			this.getpeople()
			this.getki8805233e21af()
		},
		mounted() {


		},
		beforeDestroy() {

		},
		watch: {

		},
		methods: {
			isEmpty,

			//统一获取自定义接口
			get_diy_api_page() {

			},
			//人防驾驶舱-查看安保人员信息
			getpeople() {
				//请求方法
				//数据验证

				commonAjax({
					type: 'GET',
					url: baseURL + '/api/m' + member_id + '/6878a569ae3a8',
					data: {},
					dataType: 'json',
					abortType: 0,

					success: (res) => {
						if (res.code != 1) {
							this.$message.info(res.msg);
							return
						}
						let infolist = res;

						this.list = infolist.data



					}

				})

			},
			//查询今年巡检次数-校园安全人防驾驶舱
			getki8805233e21af() {
				//请求方法
				//数据验证

				commonAjax({
					type: 'POST',
					url: baseURL + '/api/m' + member_id + '/68805233e21af',
					data: {},
					dataType: 'json',
					abortType: 0,

					success: (res) => {
						if (res.code != 1) {
							this.$message.info(res.msg);
							return
						}

						this.num = res.data.num




					}

				})


			}
		}
	});
</script>
